.carousel {
	width: 100%;
	height: 440upx;
}
.super-hot {
		margin-top: 12upx;
		padding: 20upx;
	}
	.hot-title-wapper {
		display: flex;
		flex-direction: row;
	}
	.page-ico {
		width: 30upx;
		height: 30upx;
		margin-top: 15upx;
	}
	.hot-title {
		font-size: 20px;
		margin-left: 20upx;
		font-weight: bold;
		margin-bottom: 20upx;
	}
	.hot {
		width: 100%;
		white-space: nowrap;
	}
	.poer {
		margin-left: 10upx;
		display: inline-block;
		
	}
	.poer-box {
		display: flex;
		flex-direction: column;
		padding-bottom: 20upx;
	}
	.super-poer {
		width: 200upx;
		height: 270upx;
	}
	.poer-title {
		width: 200upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.trailer {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 0upx;
		height: 230upx;
		overflow: hidden;
	}
	.trailer-movie {
		width: 370upx;
		height: 220upx;
		margin-top: 10upx;
		
	}
	.ulike {
		display: flex;
		flex-direction: column;		
	}
	.ulike-movies {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.movie-poster {
		width: 180upx;
		height: 240upx;
		overflow: hidden;
		border-radius: 3%;
	}
	.movie-pic {
		width: 100%;
		height: 100%;
	}
	.movies-title {
		width: 340upx;
		display: flex;
		flex-direction: column;		
		justify-content: space-between;
	}
	.ulike-title {
		overflow: hidden;
		width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 16px;
		font-weight: bold;
	}
	.ulike-desc {
		font-size: 14px;
		color: #808080;
	}
	.ulike-date {
		font-size: 14px;
		color: #808080;
	}
	.ulike-zan {
		width: 150upx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
		border-left: #808080 2px dashed;
	}
	.zan-pic {
		width: 40upx;
		height: 40upx;
	}
	.zan-title {
		color: #F0AD4E;
		font-size: 14px;
		line-height: 20px;
	}